﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="main.aspx.cs" Inherits="Itop.GpsCar.Web.CustomAdmin.main" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>GpsPosition</title>
</head>
<body>
    <script type="text/javascript">
        var template = '<span style="color:{0};">{1}</span>';

        var change = function(value) {
            return String.format(template, (value > 0) ? "green" : "red", value);
        };

        var pctChange = function(value) {
            return String.format(template, (value > 0) ? "green" : "red", value + "%");
        };

        var shortTestMarkup = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna.";
//        var visibleTab = function(tabPanel, tab) {

//            if (tab) {

//                tab.hidden=false;
//                tabPanel.setActiveTab(tab);
//            }


//        }
    
    </script>

<style type="text/css">
    body {
        font-size: 12px;
        background-color: #284051;
        font-family: "Trebuchet MS",sans-serif;
    }
    
    #settingsWrapper {
        border-bottom: 1px solid #111;
        background-color: #323232;
        padding-left: 4px;
    }
    
    #settings {
        padding: 2px;
        border-bottom: 1px solid #3B3B3B;
    }
    
    #settings ul li {
        display: inline;
        color: #fff;
        margin-right: 8px;
        line-height: 24px;
        padding: 2px;
        padding-left: 19px;
    }
    
    #settings ul li a, #settings ul li a:link {
        color: #fff;
        text-decoration: none;
    }
    
    #settings ul li a:hover {
        text-decoration: underline;
    }
    
    #pageTitle {
        font-family: "Trebuchet MS",sans-serif;
        font-size: 17px;
        text-align: center;
        color: #fff;
        margin-top: 20px;
    }
    
    #itemAddContent {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Add) %>) no-repeat 0 4px;
    }
    
    #itemComments {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Comment) %>) no-repeat 0 4px;
    }
    
    #itemActivities {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Star) %>) no-repeat 0 4px;
    }
    
    #itemContacts {
        background: url(<%= this.ResourceManager1.GetIconUrl(Icon.Vcard) %>) no-repeat 0 4px;
    }
    
    #TabPanel1 ul.x-tab-strip-top {
        background-image: none !important;
        background-color: #284051;
    }
  
    .x-panel-dd-spacer {
        border: 2px dashed #284051;
    }
     .custom {
            background-color : gray;
            border : solid 5px gray;
        }
        .custom .x-grouptabs-corner {
            background-image : none;
        }
        
        .custom ul.x-grouptabs-strip li.x-grouptabs-strip-active {
            background : #DBDBDB;
            border : none !important;
        }
        
        .custom ul.x-grouptabs-strip li.x-grouptabs-main {
            border : solid 1px white;
        }
        
        .custom li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active {
            background-color : white;
        }
         .x-menu.x-menu-horizontal .x-menu-list
        {
            overflow: hidden;
        }
        .x-menu.x-menu-horizontal .x-menu-list .x-menu-list-item
        {
            float: left;
        }
        .x-menu.x-menu-horizontal .x-menu-list .x-menu-list-item .x-menu-item-arrow
        {
            background: none;
        }
</style>
<form id="Form1" runat="server">    
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    <ext:Viewport ID="Viewport1" runat="server" StyleSpec="background-color: transparent;">
        <Items>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <North>
                    <ext:Panel 
                        ID="pnlNorth" 
                        runat="server" 
                        Height="80" 
                        Border="false" 
                        Header="false" 
                        BodyStyle="background-color: transparent;">
                        <Content>
                         <div id="pageTitle"> 
                             <ext:Label ID="Label1" runat="server" Icon="Accept" IconAlign="Right" Text="HELLO WORLD">
                             </ext:Label>
                         </div>
                            <div id="settingsWrapper">
                                <div id="settings">
                                    <ul>
                                        <li id="itemContacts"><a href="#">我的账户</a></li>
                                        <li id="itemComments"><a href="#">我的客户</a></li>
                                        <li id="itemActivities"><a href="#">监控平台</a></li>
                                      
                                    </ul>
                                </div>
                            </div>
                           
                        </Content>
                    </ext:Panel>
                </North>
                <West 
                    Collapsible="true"
                    Split="true" 
                    MinWidth="175" 
                    MaxWidth="400" 
                    MarginsSummary="31 0 5 5" 
                    CMarginsSummary="31 5 5 5">
                    <ext:Panel 
                        runat="server" 
                        Width="200" 
                        ID="pnlSettings"
                        BodyStyle="background-color: #284051;">
                        <Items>
                            <ext:AccordionLayout ID="AccordionLayout1" runat="server" Animate="true">
                                <Items>
                                    <ext:Panel ID="Panel1" 
                                        runat="server" 
                                        Border="false" 
                                        Icon="PageWhiteCopy"
                                        AutoScroll="true"
                                        Title="我的账户"
                                        Padding="6"
                                        >
                                        <Items>
                                            <ext:MenuPanel ID="MenuPanel1" runat="server" Width="200"  AutoHeight="True">
                                                <Menu>
                                                    <Items>
                                                        <ext:MenuItem ID="MenuItem1" runat="server" Text="账户首页" Icon="Group" >
                                                          <Listeners>
                                                                    <Click Handler="#{TabPanel1}.addTab(#{Tab1});this.setDisabled(true);" />
                                                           </Listeners>
                                                          <%-- <DirectEvents>
                                                            <Click OnEvent="MenuItem1_Click">
                                                                <EventMask ShowMask="true" />
                                                               
                                                            </Click>
                                                           </DirectEvents>--%>
                                                        </ext:MenuItem>
                                                        <ext:MenuItem ID="MenuItem2" runat="server" Text="消息中心" Icon="Newspaper">
                                                        <Listeners>
                                                                 <Click Handler="#{TabPanel1}.addTab(#{Tab2});this.setDisabled(true);" />
                                                           </Listeners>
                                                         <%--  <DirectEvents>
                                                            <Click OnEvent="MenuItem2_Click">
                                                                <EventMask ShowMask="true" />
                                                               
                                                            </Click>
                                                           </DirectEvents>--%>
                                                        </ext:MenuItem>
                                                        
                                                    </Items>
                                                </Menu>
                                            </ext:MenuPanel>
                                        </Items>
                                           
                                        </ext:Panel>
                                   <%-- <ext:Panel ID="Panel2" 
                                        runat="server" 
                                        Border="false" 
                                        Collapsed="true" 
                                        Icon="Star" 
                                        AutoScroll="true"
                                        Title="Activities" 
                                        Html="={text}"
                                        Padding="6"
                                        />
                                    <ext:Panel ID="Panel3" 
                                        runat="server" 
                                        Border="false" 
                                        Collapsed="true" 
                                        Icon="Group" 
                                        AutoScroll="true"
                                        Title="Contacts" 
                                        Html="={text}"
                                        Padding="6"
                                        />    --%>
                                </Items>                                    
                            </ext:AccordionLayout>
                        </Items>
                    </ext:Panel>
                </West>
                <Center MarginsSummary="5 5 5 0">
                    <ext:TabPanel 
                        ID="TabPanel1" 
                        runat="server" 
                        Title="TabPanel" 
                        ActiveTabIndex="0" 
                        Border="false" 
                        BodyStyle="background-color: #4D778B; border: 1px solid #AABBCC; border-top: none;">
                        <Items>
                            <ext:Panel 
                                ID="Tab1" 
                                runat="server" 
                                Title="账户信息" 
                                Icon="Vcard" 
                                Closable="true" CloseAction="Hide"
                                BodyStyle="background-color: transparent;"
                                Layout="Fit" Hidden="true">
                                 <Listeners>
                                    <Close Handler="#{MenuItem1}.setDisabled(false);" />
                                </Listeners>
                                <Items>
                                    <ext:Portal 
                                        ID="Portal1" 
                                        runat="server" 
                                        Border="false" 
                                        BodyStyle="background-color: transparent;"
                                        Layout="Column">
                                        <Items>
                                            <ext:PortalColumn ID="PortalColumn1" 
                                                runat="server" 
                                                StyleSpec="padding:10px 0 10px 10px"
                                                ColumnWidth=".49"
                                                Layout="Anchor">
                                                <Items>
                                                    <ext:Portlet 
                                                        ID="Portlet12" 
                                                        Title="我的工作台" 
                                                        runat="server" 
                                                        Height="200"
                                                        Padding="0">
                                                        <AutoLoad Url="http://www.sina.com.cn/" Mode="IFrame" />
                                                    </ext:Portlet>
                                                      <ext:MenuPanel ID="MenuPanel2" runat="server" Border="false" Region="North" Height="28"
                                                            SaveSelection="true" SelectedIndex="0">
                                                            <Menu ID="Menu1" runat="server" Hidden="false" ShowSeparator="false" EnableScrolling="false"
                                                               SubMenuAlign="tl-bl?" Cls="x-menu-horizontal" Floating="false">                    
                                                                <Items>
                                                                    <ext:MenuItem ID="MenuItem3" runat="server" Text="更多操作" Icon="BulletBlue" />
                                                                    <ext:MenuItem ID="MenuItem4" runat="server" Text="收费客户" Icon="GroupAdd" />
                                                                    <ext:MenuItem ID="MenuItem5" runat="server" Text="缴费客户" Icon="GroupAdd" />
                                                                    <ext:MenuItem ID="MenuItem6" runat="server" Text="设备" Icon="GroupAdd" />
                                                                    <ext:MenuItem ID="MenuItem7" runat="server" Text="操作指南" Icon="GroupAdd" />
                                                                                        
                                                                </Items>
                                                            </Menu>
                                                        </ext:MenuPanel>
                                                    <ext:Portlet ID="Portlet3" Title="我的服务商" Height="200" runat="server" />
                                                </Items>
                                            </ext:PortalColumn>
                                            
                                            <ext:PortalColumn ID="PortalColumn2" 
                                                runat="server" 
                                                StyleSpec="padding:10px"
                                                ColumnWidth=".49"
                                                Layout="Anchor">
                                                <Items>
                                                     <ext:TabPanel ID="TabPanel2" runat="server" Height="428">
                                                        <Items>
                                                            <ext:Panel 
                                                                ID="Panel2"
                                                                runat="server" 
                                                                Title="快速销售" 
                                                                AutoHeight="true"
                                                                Padding="6">
                                                                <Content>
                                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales
                                                                    a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis,
                                                                    interdum non, sodales non, iaculis ac, lacus.<br />
                                                                    <br />
                                                                    Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus,
                                                                    sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse
                                                                    nunc sem, pretium eget, cursus a, fringilla vel, urna.
                                                                </Content>
                                                            </ext:Panel>
                                                            <ext:Panel
                                                                ID="Panel3"
                                                                runat="server" 
                                                                Title="批量销售" 
                                                                AutoHeight="true"
                                                                Padding="6">
                                                                <Content>
                                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales
                                                                    a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis,
                                                                    interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis
                                                                    malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus.
                                                                    In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla
                                                                    vel, urna.<br />
                                                                    <br />
                                                                    Aliquam commodo ullamcorper erat. Nullam vel justo in neque porttitor laoreet. Aenean
                                                                    lacus dui, consequat eu, adipiscing eget, nonummy non, nisi. Morbi nunc est, dignissim
                                                                    non, ornare sed, luctus eu, massa. Vivamus eget quam. Vivamus tincidunt diam nec
                                                                    urna. Curabitur velit.
                                                                </Content>
                                                            </ext:Panel>
                                                        </Items>
                                                    </ext:TabPanel>
                                                                                                   
                                                </Items>
                                            </ext:PortalColumn>
                                        </Items>
                                    </ext:Portal>
                                </Items>
                            </ext:Panel>
                            <ext:Panel 
                                ID="Tab2" 
                                runat="server" 
                                Title="General" 
                                Icon="House" 
                                Closable="true" CloseAction="Hide"
                                BodyStyle="background-color: transparent;"
                                Layout="Fit" Hidden="true">
                                <Listeners>
                                        <Close Handler="#{MenuItem2}.setDisabled(false);" />
                                 </Listeners>
                                <Items>
                                    <ext:Portal 
                                        ID="Portal2" 
                                        runat="server" 
                                        Border="false" 
                                        BodyStyle="background-color: transparent;"
                                        Layout="Column">
                                        <Items>
                                            <ext:PortalColumn 
                                                ID="PortalColumn6" 
                                                runat="server" 
                                                StyleSpec="padding:10px"
                                                ColumnWidth=".33"
                                                >
                                                 <Items>
                                                <ext:Portlet ID="Portlet9" Title="未读消息" runat="server" />
                                                 </Items>
                                              </ext:PortalColumn>
                                            <ext:PortalColumn 
                                                ID="PortalColumn5" 
                                                runat="server" 
                                                StyleSpec="padding:10px 0 10px 10px"
                                                ColumnWidth=".33"
                                                Layout="Anchor">
                                                <Items>
                                                    
                                                    <ext:Portlet ID="Portlet10" Title="报警消息" runat="server" />
                                                </Items>
                                            </ext:PortalColumn>
                                            <ext:PortalColumn 
                                                ID="PortalColumn4" 
                                                runat="server" 
                                                StyleSpec="padding:10px 0 10px 10px"
                                                ColumnWidth=".33"
                                                Layout="Anchor">
                                                <Items>
                                                    <ext:Portlet ID="Portlet6" Title="发送消息" runat="server" />
                                                </Items>
                                            </ext:PortalColumn>
                                        </Items>
                                    </ext:Portal> 
                                </Items>                                   
                            </ext:Panel>                              
                        </Items>
                    </ext:TabPanel> 
                </Center>
            </ext:BorderLayout>
        </Items>
    </ext:Viewport>
</form>
</body>
</html>
